<template>
  <div>111
  <!-- <div>{{ res }}</div>
  <div>{{ m }}</div> -->
</div>
</template>

<script>
export default {

  // vue2
  // data(){
  //   return{
  //     m:'890'
  //   }
    
  //   },
// vue3:
//   steup使用
// 1.setup函数是 Composition API (组合API)的入口
// 2.setup是自动执行的一个函数
// 3.项目中定义的所有变量，方法等都需要在setup中
// 4.在setup函数中定义的变量和方法最后都需要return 出去，否则无法在视图层中使用
  setup(){
    console.log('8080');
    const res='123'
    console.log(res);

    return{res}
  }
};
</script>


<style scoped lang="scss">

</style>
